<template>
  <div class="logo">
    <img class="logoImg" :src="logo" alt="">
    <!-- <div class="blueColor">
      <div>开放蓝天</div>
      <div class="titleSrc">OpenBlueSky.cn</div>
    </div> -->
  </div>
  <div class="desc">
      <h4>ChatGPT、Bard、LLaMa、文心一言、MOSS等人工智能应用聚合平台</h4>
  </div>
</template>

<script  setup lang="ts">
import bus from '@/utils/bus'
import logoText from '@/assets/home/logoText.png'
import unlogoText from '@/assets/home/unlogoText.png'
import { useRoute } from 'vue-router'
const logo = ref()
const unlogo = ref()
const route = useRoute()
onMounted(() => {
  console.log('path', route.path)
  if (sessionStorage.getItem('them') === 'fff') {
    logo.value = unlogoText
  } else {
    logo.value = logoText
  }

  bus.on('changethem', (e) => {
    if (e === 'fff') {
      logo.value = unlogoText
    } else if (e === '000') {
      logo.value = logoText
    }
    
  })
})

</script>

<style lang="scss" scoped>
.logo { 
  margin: 10px 0;
  // height: 40px;
  font-size: 25px;
  display: flex;
  justify-content: center;
  line-height: 30px;
}
.logoImg {
  height: 3rem;
}
.titleSrc {
    font-size: 20px;
}
.desc{
        margin-bottom: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    @media screen and (min-width: 600px) {
      .logoImg {
        height: 5rem;
      }
      .desc{
        margin-bottom: 20px !important;
    }
    }
</style>